<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
          1.继承：extends 关键字
            语法：class Father{   // 父类
                }
                class Son extends Father{
                    // 子类继承父类
                }
          2.继承：子类继承父类的属性和方法
        */
        class Person {
            constructor(age, name) {
                this.age = age;
                this.name = name;
            }
            play() {
                console.log('-------我在玩-------');
            }
        }
        class Student extends Person {
            //    属性： 学校    方法： 学习
        }

        //    调用了父亲的构造方法
        var stu = new Student("22", "貂蝉");
        // 继承了父亲的属性
        console.log(stu);
        // 继承了父类的方法
        stu.play();
    </script>
</body>

</html>